<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../swiper/swiper-bundle.min.css">
    <style>
        .swiper {
            width: 800px;
            height: 525px;
        }
    </style>
</head>

<body>
    <!-- 头部 -->
    <div id="head">
        <img src="../images/logo.png">
        <span class="nodrop">熊猫优选</span>
        <div class="right">
            <input type="text" value="&nbsp;&nbsp;&nbsp;搜索你感兴趣的内容吧">
            <input type="submit" value="搜索">
            <div class="all">
                <div class="one"> <span class="iconfont icon-tianmaobaoyouqia"></span>
                    <span>全场包邮</span>
                </div>

                <div><span class="iconfont icon-tianmaoqitiantuihuo"></span>
                    <span>品质保证</span>
                </div>
                <div> <span class="iconfont icon-pinzhibaozhengQuality
                "></span>
                    <span>无理由退换</span>
                </div>

            </div>
        </div>
        <div class="headimg">
            <img src="../images/headimg.jpg">
            <span>阿尭&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="../html/login.html">退出登录</a></span>
        </div>

    </div>

    <!-- 导航  -->
    <div id="nav">

        <ul>
            <li>
                <a href="index.html" class="drop">首页</a>
                <div class="dropdown_1column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">今日上新</a></li>
                            <li><a href="">特价优惠</a></li>
                            <li><a href="">限时抢购</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li>
                <a href="" class="drop">9.9包邮</a>
                <div class="dropdown_1column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">1.9元封顶</a></li>
                            <li><a href="">4.9元封顶</a></li>
                            <li><a href="">9.9元封顶</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li>
                <a href="" class="drop">大牌清仓</a>
                <div class="dropdown_1column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">买一送一</a></li>
                            <li><a href="">100%正品</a></li>
                            <li><a href="">全部商品</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li>
                <a href="" class="drop">捡漏王</a>
                <div class="dropdown_1column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">假一赔十</a></li>
                            <li><a href="">商城同款</a></li>
                            <li><a href="">当季新品</a></li>
                        </ul>
                    </div>
                </div>
            </li>

            <li>
                <a href="" class="drop">跟着好评买</a>
                <div class="dropdown_1column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">质量保证</a></li>
                            <li><a href="">好看便宜不踩坑</a></li>
                            <li><a href="">精选系列</a></li>
                        </ul>
                    </div>
                </div>
            </li>

            <li>
                <a href="" class="drop">熊猫精灵</a>
                <div class="dropdown_1column">
                    <div class="col_1">
                        <ul class="simple">
                            <li><a href="">熊猫设计系列</a></li>
                            <li><a href="">萌软直击心灵</a></li>
                            <li><a href="">小朋友们的最爱</a></li>
                        </ul>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <!-- 菜单 -->

    <div id="content">
        <!-- 动态渲染商品 -->
    </div>
    <div class="more">
        <button>加载更多</button>
    </div>
    <!-- 回到顶部 -->
    <div class="goTop">回到顶部</div>
    
    <script src="../js/axios.min.js"></script>
    <script src="../js/myajax.js"></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/index.js"></script>

</body>

</html>